<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="type" content="guides2"/>
<meta name="account" content="false"/><meta name="viewport" content="width=device-width"/>
<title>CNBlockly - 教程 - 1 - 初识Blockly</title>
<link rel="stylesheet" href="../css/mdui.min.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../js/mdui.min.js"></script><script src="../js/account.js"></script>
</head>
<body class="mdui-bottom-nav-fixed">
<div class="mdui-toolbar mdui-color-indigo">
  <a href="../guides.html" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">arrow_back</i></a>
  <span class="mdui-typo-title">Blockly教程 - 1 - 初识Blockly</span>
</div>
<div class="mdui-card">
  <div class="mdui-card-header">
	<img class="mdui-card-header-avatar" scr="https://ws1.sinaimg.cn/large/ebc3e24aly1fk46infk3gj208c08ct8z.jpg">
    <div class="mdui-card-header-title">Blockly教学手册</div>
    <div class="mdui-card-header-subtitle">by starkersawz666</div>
  </div>
  <div class="mdui-card-media">
    <img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk46j66yc2j20j40ardi2.jpg"/>
    <div class="mdui-card-media-covered">
      <div class="mdui-card-primary">
        <div class="mdui-card-primary-title">初识Blockly</div>
		<div class="mdui-card-content mdui-typo">一、Blockly是什么</br>Blockly是由谷歌开发的一项可视化语言编程工具。PVPIN就是由Blockly延伸出来的。同样性质的可视化语言编程软件还有Scratch（非Blockly延伸）、App Inventor（使用Java），等等。</br>那么，既然Blockly那么厉害，我们就一起来研究研究Blockly的使用。</br>二、Blockly的配置</br>Blockly的配置非常简单。我们需要网络上下载Blockly的文件。如果你在国外，请戳<a href="https://developers.google.com/blockly/guides/get-started/web">这里</a>。如果你在国内，请戳<a href="https://developers.google.cn/blockly/guides/get-started/web">这里</a>。目前暂时没有官方汉化版的出现，但是本人正在尽力进行汉化（指的是其中Blockfactory的汉化）。在你点开网址之前，请在内心默念一局，感谢GFW没有把开发者工具墙掉。如果打不开，自行科学上网解决。</br>在下载之后，解压压缩包（你也可以在GitHub查看源码），打开demos/code/index.html就可以看到Blockly的界面。建议使用谷歌浏览器或谷歌内核的浏览器。接下来，可以开始你的Blockly之旅了。</br>三、网页版的Blockly[AD]</br>由于Blockly用浏览器运行，而且下载很不方便。所以我们CNBlockly团队制作出了Blockly网页版，给你更好的体验，同时也配有教程、论坛等等。</br>网址：cnblockly.top</div>
		<div class="mdui-card-actions">
        <a class="mdui-btn mdui-ripple mdui-ripple-white" href="../guides.html">返回</a>
		<a class="mdui-btn mdui-ripple mdui-ripple-white" href="blockly-2.html">下一章</a>
		</div>
      </div>
	  </div>
  </div>
</div>
</br>
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=100 src="../copyright.html" frameborder=0></iframe>
<div id="nav"></div>
</body>
</html>